﻿<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>

    <%@include file="/lyear/common/head.jsp" %>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <link rel="icon" href="${pageContext.request.contextPath}/lyear/favicon.ico" type="image/ico">
    <meta name="keywords" content="作品,项目,作品展示,作品展示平台">
    <meta name="description" content="作品展示平台">
    <meta name="author" content="hc">
    <link href="${pageContext.request.contextPath}/lyear/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/lyear/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/lyear/css/style.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/lyear/css/upload.css" rel="stylesheet">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="${pageContext.request.contextPath}/uploadimg/jQuery.upload.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/uploadimg/upload.css">
    <!--对话框-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/lyear/js/jconfirm/jquery-confirm.min.css">

    <!--meta tags-->
    <meta charset="UTF-8">
    <meta name="description" content="Services Listing HTML5 CSS3 template">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript, services, listing">
    <meta name="author" content="Ui-DesignLab">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--end meta tags-->

    <!--stylesheets-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/mod/vendor/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/mod/vendor/css/animate.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/mod/vendor/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/mod/vendor/perfect-scrollbar/css/perfect-scrollbar.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/mod/css/app.css">
    <!--end stylesheets-->

    <!--google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Cairo%7CNosifer%7CPoppins%7CQuicksand:700%7CRaleway%7CTangerine%7CHind+Vadodara"
          rel="stylesheet">
    <!--end google fonts-->

    <%--    页面图片显示简介--%>
    <link href="${pageContext.request.contextPath}/lyear/css/pop.css" rel="stylesheet">
    <%--    页面图片显示简介--%>

</head>
<body>


<!--banner-->
<div class="items-banner back-img">
    <h1 style="color: #628968">项目检索</h1>
    <h5><strong class="ui-text-info">Items Search</strong></h5>
    <form action="${pageContext.request.contextPath}/proj/showProjectByName" method="get">
        <div class="mega-search">
            <input class="form-control" type="text" name="projName" placeholder="请输入搜索内容">
            <i class="fa fa-search"></i>
        </div>
        <button type="submit" id="search_name" class="ui-btn ui-btn-info btn-shadow"><strong> 快速搜索 </strong></button>
    </form>
</div>
<!--end banner-->


<!--items wrapper-->
<div class="items-wrapper">
    <c:forEach items="${categoryDTOList}" var="categoryDTO">
        <div class="items-sort" style="font-size: 16px">
            <strong style="font-size: 24px">${categoryDTO.name}</strong>
        </div>
        <div class="items">
            <c:forEach items="${categoryDTO.projListDTOItemList}" var="projListDTOItem">
                <div class="sale-item" style="width: 310px;">
                    <div class="view view-first">
                        <img style="width: 290px"
                             src="${projListDTOItem.img}"/>
                        <div class="mask">
                            <h2>项目简介</h2>
                            <p>${projListDTOItem.info}</p>
                            <a href="${pageContext.request.contextPath}/comment/showComment/1/10?projId=${projListDTOItem.id}" class="info">项目详情</a>
                        </div>
                    </div>
                    <div class="sale-item-img">
                        <div class="sale-info" style="background-color: rgba(255,255,255,0)">
                            <strong style="font-size: 16px">${projListDTOItem.name}</strong>
                            <span class="sale-price">${projListDTOItem.createTime.toLocalDate()}</span>
                        </div>
                    </div>
                    <div class="sale-lister">
<%--                        <div style="word-break: keep-all">--%>
                            <c:forEach items="${projListDTOItem.authorListDTOS}" var="AuthorListDTO">
                                <a href="${pageContext.request.contextPath}/author/getById/${AuthorListDTO.id}">${AuthorListDTO.nickname}</a>&nbsp;
                            </c:forEach>
<%--                        </div>--%>
                    </div>
                </div>
            </c:forEach>
                <%--            <a href="${pageContext.request.contextPath}/proj/more">--%>
                <%--                <div class="sale-item">--%>
                <%--                    <a href="${projListDTOItem.url}">--%>
                <%--                        <div class="sale-item-img">--%>
                <%--                            <img src="http://qiku-test.oss-cn-beijing.aliyuncs.com/aa/bb/android1637737516871.jpg?Expires=4791337519&OSSAccessKeyId=LTAI5tAJGV8uy6mUYYacH5Jv&Signature=r9Hj29C6FdN%2BaaNap5VRW4txpwQ%3D"--%>
                <%--                                 alt="" style="height: 240px">--%>
                <%--                            <div class="sale-info">--%>
                <%--                                <a href="${pageContext.request.contextPath}/proj/more" style="font-size: 16px">更多>></a>--%>
                <%--                                <strong style="font-size: 16px"></strong>--%>
                <%--                                <span class="sale-price"></span>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </a>--%>
                <%--                    <div class="sale-lister">--%>
                <%--                        <div class="lister-pic">--%>
                <%--                            <div>--%>
                <%--                                <strong>Emilia Jones</strong>--%>
                <%--                                <span><i class="fa fa-map-marker"></i><em>Boston, MA</em></span>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                        <a href="${projListDTOItem.url}"><i class="fa fa-angle-right fa-2x"></i></a>--%>
                <%--                    </div>--%>
                <%--                </div>--%>
                <%--            </a>--%>

        </div>
        <div style="float: right">
            <a href="${pageContext.request.contextPath}/proj/test/${categoryDTO.id}/1/12" style="font-size: 18px">点击查看更多>></a>
        </div>


    </c:forEach>
</div>
<%--<div class="items-wrapper">--%>
<%--    <c:forEach items="${projs}" var="proj">--%>
<%--            <c:forEach items="${categoryDTO.projListDTOItemList}" var="projListDTOItem">--%>
<%--                <div class="sale-item" style="width: 310px;">--%>
<%--                    <div class="view view-first">--%>
<%--                        <img style="width: 290px"--%>
<%--                             src="https://static1.squarespace.com/static/5aea79c52487fde9b8efd0b1/t/5bb6b38ce5e5f09147c1b8ab/1538700172787/empire-state.png"/>--%>
<%--                        <div class="mask">--%>
<%--                            <h2>项目简介</h2>--%>
<%--                            <p>${projListDTOItem.info}</p>--%>
<%--                            <a href="${projListDTOItem.url}" class="info">项目详情</a>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="sale-item-img">--%>
<%--                        <div class="sale-info" style="background-color: rgba(255,255,255,0)">--%>
<%--                            <strong style="font-size: 16px">${projListDTOItem.name}</strong>--%>
<%--                            <span class="sale-price">${projListDTOItem.createTime.toLocalDate()}</span>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="sale-lister">--%>
<%--                            &lt;%&ndash;                        <div style="word-break: keep-all">&ndash;%&gt;--%>
<%--                        <c:forEach items="${projListDTOItem.authorListDTOS}" var="AuthorListDTO">--%>
<%--                            <a href="${pageContext.request.contextPath}/author/getById/${AuthorListDTO.id}">${AuthorListDTO.nickname}</a>&nbsp;--%>
<%--                        </c:forEach>--%>
<%--                            &lt;%&ndash;                        </div>&ndash;%&gt;--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </c:forEach>--%>
<%--                &lt;%&ndash;            <a href="${pageContext.request.contextPath}/proj/more">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                <div class="sale-item">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                    <a href="${projListDTOItem.url}">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                        <div class="sale-item-img">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                            <img src="http://qiku-test.oss-cn-beijing.aliyuncs.com/aa/bb/android1637737516871.jpg?Expires=4791337519&OSSAccessKeyId=LTAI5tAJGV8uy6mUYYacH5Jv&Signature=r9Hj29C6FdN%2BaaNap5VRW4txpwQ%3D"&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                 alt="" style="height: 240px">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                            <div class="sale-info">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                <a href="${pageContext.request.contextPath}/proj/more" style="font-size: 16px">更多>></a>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                <strong style="font-size: 16px"></strong>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                <span class="sale-price"></span>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                            </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                        </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                    </a>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                    <div class="sale-lister">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                        <div class="lister-pic">&ndash;%&gt;--%>
<%--                &lt;%&ndash;                            <div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                <strong>Emilia Jones</strong>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                                <span><i class="fa fa-map-marker"></i><em>Boston, MA</em></span>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                            </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                        </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                        <a href="${projListDTOItem.url}"><i class="fa fa-angle-right fa-2x"></i></a>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                    </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;                </div>&ndash;%&gt;--%>
<%--                &lt;%&ndash;            </a>&ndash;%&gt;--%>

<%--        </div>--%>
<%--        <div style="float: right">--%>
<%--            <a href="${pageContext.request.contextPath}/proj/test/${categoryDTO.id}/1/12" style="font-size: 18px">点击查看更多>></a>--%>
<%--        </div>--%>


<%--    </c:forEach>--%>
<%--</div>--%>

<!--end items wrapper-->

<!--chat box-->
<a href="#" class="chat-box-btn"><i class="fa fa-comment icon-sw"></i></a>

<div class="chat-box">
    <div class="chat-top">
        <section>
            <h6 class="org-name">OldsMarket</h6>
            <div class="repliers">
                <div class="r-img">
                    <img src="../../../mod/img/avatar2.jpg" alt="">
                    <strong class="name">Megan</strong>
                </div>
                <div class="r-img">
                    <img src="../../../mod/img/user2.jpg" alt="">
                    <strong class="name">Brandon</strong>
                </div>
            </div>
        </section>
    </div>
    <div class="chat-flow" id="chat-flow">
        <p class="outbound">
            Hallo, Anyone there?
        </p>
        <p class="inbound">
            Hi, Vincent here. How may I be of service.
        </p>
    </div>
    <form class="chat-form" action="#">
        <input type="text" class="form-control chat-message" placeholder="Send a Message">
    </form>
</div>


<!--end chat box-->

<!--page loader-->
<div class="page-loader">
    <div class="loader"><img src="../../../mod/img/logo.png" alt=""></div>
</div>
<!--end page loader-->


<!--scripts-->
<script src="${pageContext.request.contextPath}/mod/vendor/js/jquery-3.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/popper.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/alertify.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/jquery.knob.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="${pageContext.request.contextPath}/mod/vendor/js/excanvas.js"></script><![endif]-->
<script src="${pageContext.request.contextPath}/mod/vendor/js/summernote-bs4.min.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/dropzone.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/OwlCarousel2-2.2.1/owl.carousel.min.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/mod/vendor/js/typed.js"></script>
<script src="${pageContext.request.contextPath}/mod/js/app.js"></script>
<!--end scripts-->
<script type="text/javascript">
    // function checkByName(){
    //     let name = $("input[name=name]").val();
    //     $.ajax()
    //
    // }
</script>

</body>
</html>